<div class="section-title">
    <div class="section-title-block">
        <!-- <i class="material-icons close">indeterminate_check_box</i>
        <i class="material-icons open">add_box</i>
        <label class="title-name" ng-bind="'dashboard.subOperation.title' | translate"></label>
        <div class="kmi-can-click" ng-click="togglePanel('subOperation',$event);"></div> -->
        <i class="material-icons">filter_list</i>
    </div>
    <div class="kmi-text-fields">
        <input ng-model="subOperationFilter" placeholder="{{'G0101.sub_op_filter'|translate}}"/>
    </div>
</div>
<div class="section-content" style="padding-bottom:0px;">
    <div class="subop-panel">
        <div class="subop-item" ng-class="item.status"
            ng-repeat="item in subOpInfo.sub_op_detail | orderBy: $index | filter: {sub_op_no: subOperationFilter} track by $index">
            <div class="status" ng-bind="item.status"></div>
            <div class="content">
                <label class="value" ng-bind="('G0101.dashboard.subopInfo.sub_op_no'| translate) + item.sub_op_no"></label>
                <label class="value" ng-bind="('G0101.dashboard.subopInfo.sub_op_name'| translate) + item.sub_op_name"></label>
                <!-- <label class="value" style="font-weight: bold" ng-bind="item.sub_op_no +'('+ item.sub_op_name + ')'"></label> -->
                <label class="value" ng-bind="('G0101.dashboard.subopInfo.done_qty'| translate) + item.done_qty"></label>
            </div>
            <div class="kmi-can-click" ng-click="clickSubOpItem(item);"></div>
        </div>
        <div style="flex:1;"></div>
    </div>
</div>
